<template>
	<div class="toJnav">
		<div class="tojnav">
			<van-tabs v-model="active">
				<van-tab title="国内"></van-tab>
				<van-tab title="钟点房"></van-tab>
				<van-tab title="国际"></van-tab>
				<van-tab title="民宿"></van-tab>
			</van-tabs>
		</div>
	</div>
</template>

<script>
export default {
	data() {
		return {
			active: 2,
		};
	},
}
</script>

<style scoped>
::v-deep .van-tabs__line{
	width: .45rem;
	background-color: rgb(255, 213, 0);
}
		::v-deep	.van-tab{
			border-radius: .3rem;
			height: 1rem;
		}
		
		::v-deep	.van-tabs--line{
			margin-left: .15rem;
			margin-right: .15rem;
			background-color: #ebedf2;
		}
		::v-deep .van-tab--active{
			background-color: white;
				}
				::v-deep .van-tabs__nav{
				background-color: #ebedf2;
				}
</style>